{% extends "__base__.html" %}
{% block page_wrapper %}
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">创建虚拟机</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            虚拟机信息
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <form role="form">
                                        <div class="form-group">
                                            <label>IP地址</label>
                                            <input class="form-control">
                                            <p class="help-block">请输入需要创建的虚拟机业务段地址.</p>
                                        </div>
                                        <div class="form-group">
                                            <label>虚拟机模板</label>
                                            <select class="form-control">
                                                <option>4核CPU,8G内存,100G硬盘</option>
                                            </select>
                                            <p class="help-block">请选择用于创建虚拟机的模板.</p>
                                        </div>
                                        <div class="form-group">
                                            <label>虚拟机所在机房</label>
                                            <select class="form-control">
                                                <option>北京机房</option>
                                                <option>广州机房</option>
                                            </select>
                                            <p class="help-block">请慎重选择所在机房,避免造成不必要的机房流量.</p>
                                        </div>
                                        <div class="form-group">
                                            <label>需要初始化的环境</label>
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="">tomcat
                                                </label>
                                            </div>
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="">php
                                                </label>
                                            </div>
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="">nginx
                                                </label>
                                            </div>
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" value="">haproxy
                                                </label>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-outline btn-primary">Submit Button</button>
                                        <button type="reset" class="btn btn-outline btn-danger">Reset Button</button>
                                    </form>
                                </div>
                                <div class="col-lg-4">
                                    <div class="panel panel-info">
                                        <div class="panel-heading">
                                            提示
                                        </div>
                                        <div class="panel-body">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.row (nested) -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->
            </div>
{% endblock %}